<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Login V9</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!--===============================================================================================-->
    <link rel="icon" type="image/png" href="assets/images/icons/favicon.ico" />

    <!--===============================================================================================-->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/vendor/bootstrap/css/bootstrap.min.css"
    />
    <!--=====================================================================================
      
      ==========-->

    <link
      rel="stylesheet"
      type="text/css"
      href="assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css"
    />
    <!--===============================================================================================-->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/fonts/iconic/css/material-design-iconic-font.min.css"
    />
    <!--===============================================================================================-->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/vendor/animate/animate.css"
    />
    <!--===============================================================================================-->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/vendor/css-hamburgers/hamburgers.min.css"
    />
    <!--===============================================================================================-->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/vendor/animsition/css/animsition.min.css"
    />
    <!--===============================================================================================-->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/vendor/select2/select2.min.css"
    />
    <!--===============================================================================================-->
    <link
      rel="stylesheet"
      type="text/css"
      href="assets/vendor/daterangepicker/daterangepicker.css"
    />
    <!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="assets/css/util.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/main.css" />
    <!--===============================================================================================-->
  </head>
  <body>
    <div
      class="container-login100"
      style="background-image: url('images/bg-01.jpg')"
    >
      <div class="wrap-login100 p-l-55 p-r-55 p-t-80 p-b-30">
        <form class="login100-form validate-form">
          <span class="login100-form-title p-b-37"> Sign Up </span>

          <div
            class="wrap-input100 validate-input m-b-20"
            data-validate="Enter username "
          >
            <input
              class="input100"
              type="text"
              name="username"
              placeholder="username"
            />
            <span class="focus-input100"></span>
          </div>

          <div
            class="wrap-input100 validate-input m-b-20"
            data-validate="Enter Email "
          >
            <input
              class="input100"
              type="email"
              name="email"
              placeholder="Enter Email"
            />
            <span class="focus-input100"></span>
          </div>

          <div
            class="wrap-input100 validate-input m-b-25"
            data-validate="Enter password"
          >
            <input
              class="input100"
              type="password"
              name="pass"
              placeholder="password"
            />
            <span class="bx bx-hide bg-transparent"
              ><i class="bx bx-hide"></i
            ></span>
          </div>

          <div
            class="wrap-input100 validate-input m-b-25"
            data-validate="Enter Confirm Password"
          >
            <input
              class="input100"
              type="password"
              name="pass"
              placeholder="password"
            />
            <span class="bx bx-hide bg-transparent"
              ><i class="bx bx-hide"></i
            ></span>
          </div>

          <div class="container-login100-form-btn">
            <button class="login100-form-btn">Sign In</button>
          </div>

          <div class="text-center p-t-57 p-b-20">
            <span class="txt1"> Or login with </span>
          </div>

          <div class="flex-c p-b-112">
            <a href="#" class="login100-social-item">
              <i class="fa fa-facebook-f"></i>
            </a>

            <a href="#" class="login100-social-item">
              <img src="assets/images/icons/icon-google.png" alt="GOOGLE" />
            </a>
          </div>

          <div class="text-center">
            <a
              href="authentication-signin-with-header-footer.html"
              class="txt2 hov1"
            >
              Sign In
            </a>
          </div>
        </form>
      </div>
    </div>

    <div id="dropDownSelect1"></div>

    <!--===============================================================================================-->
    <script src="assets/vendor/jquery/jquery-3.2.1.min.js"></script>
    <!--===============================================================================================-->
    <script src="assets/vendor/animsition/js/animsition.min.js"></script>
    <!--===============================================================================================-->
    <script src="assets/vendor/bootstrap/js/popper.js"></script>
    <script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
    <!--===============================================================================================-->
    <script src="assets/vendor/select2/select2.min.js"></script>
    <!--===============================================================================================-->
    <script src="assets/vendor/daterangepicker/moment.min.js"></script>
    <script src="assets/vendor/daterangepicker/daterangepicker.js"></script>
    <!--===============================================================================================-->
    <script src="assets/vendor/countdowntime/countdowntime.js"></script>
    <!--===============================================================================================-->
    <script src="assets/js/main.js"></script>
  </body>
</html>
